<div class="mobilepage">
    <div id="viewbd" class="weui_tab_bd">
<div style="height: 800px; width: 100%;background: #88e;">
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <style>

        body, ul, li, dl, dt, dd, h1, h2, h3, h4, p, a, img, button, div, em, span, table, td, tr, dfn, ol, form, label, strong, i, del{
            -webkit-touch-callout:none;
            -webkit-user-select:none;
            -khtml-user-select:none;
            -moz-user-select:none;
            -ms-user-select:none;
            user-select:none;
            -webkit-tap-highlight-color:rgba(0,0,0,0);
        }
        html {-webkit-text-size-adjust:none;-ms-text-size-adjust:100%;font-size:56.3%;}
        body, ul, li, dl, dt, dd, h1, h2, h3, h4, p, a, img {margin:0;padding:0;font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
        body {margin: 0 auto;padding-bottom:55px;background-color:#efefef;color:#898989;}
        .warp{overflow:hidden;}
        ul,ol{list-style: none;}
        a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0 none;text-decoration:none;}
        a{color:#5a85ce;}
        a:active{outline:0 none;}
        .fl{ float:left;}.fr{ float:right;}.db{display:block;}
        img{border:0 none;vertical-align:middle;-ms-interpolation-mode:bicubic;}
        .header{background-color:#fff;}
        ul,li{
            padding: 0;
            margin: 0;
        }
    </style>
    <div id="toucharea" style="width:100%;height:50px;background:#666;overflow: hidden;">
        <div ng-show="touch">
            <ul>
                <li>type: {{touch.type}}</li>
                <li>point: [{{touch.x}}, {{touch.y}}]</li>
                <li>step: {{touch.step}} [{{touch.stepX}}, {{touch.stepY}}]</li>
                <li>distance: {{touch.distance}} [{{touch.distanceX}}, {{touch.distanceY}}]</li>
                <li>total: {{touch.total}} [{{touch.totalX}}, {{touch.totalY}}]</li>
                <li>velocity: {{touch.velocity}} px/sec</li>
                <li>averageVelocity: {{touch.averageVelocity}} px/sec</li>
                <li>angle: {{touch.angle == null ? '-' : touch.angle}} deg</li>
                <li>direction: {{touch.direction == null ? '-' : touch.direction}}</li>
            </ul>
        </div>
        <div ng-hide="touch">
            <h1>Touch Me!</h1>
            <div>
            </div>
        </div>

    </div>
</div>
    </div>